<template>
    <div class="default-table-detail-container">
        <BaseTableInfo v-model="baseTableInfoModel" />
    </div>
</template>

<script lang="ts" setup>

import AssistProofingsInfoApi from '/@/api/webPath/AssistProofingsInfoApi.ts';

const props = defineProps({
    modelValue: {

    }
})
const route = useRouter()

const baseTableInfoModel = ref({
    columnCount: 3,
    autoFit: false,
    columnWidth: '300px',
    labelWidth: '100px',
    title: '基本信息',
    modelData: {},
    itemList: [
        {
            title: '',
            items: [   //渲染样式区域  通过key ===model 中的值
                //                                   {
                // label: "id",
                //                               field: "id",
                //                         },
                // {
                //     label: "区域名称",
                //     field: "areaName",
                // },
                // {
                //     label: "类型",
                //     field: "type",
                // },
                // {
                //     label: "设备名称",
                //     field: "deviceName",
                // },
                // {
                //     label: "设备数量",
                //     field: "deviceNum",
                // },
                {
                    label: "检查日期",
                    field: "checkDate",
                },
                // {
                //     label: "设备状态",
                //     field: "deviceStatus",
                // },
                // {
                //     label: "捕获虫害情况",
                //     field: "captureStatus",
                // },
                // {
                //     label: "检查人",
                //     field: "operator",
                // },
                //                                                                           {
                // label: "所属公司",
                //                               field: "companyId",
                //                         },
                // {
                //     label: "创建人",
                //     field: "creator",
                // },
                // {
                //     label: "修改人",
                //     field: "reviser",
                // },
                // {
                //     label: "排序",
                //     field: "sort",
                // },
                // {
                //     label: "创建时间",
                //     field: "create_time",
                // },
                // {
                //     label: "更新时间",
                //     field: "update_time",
                // },
            ]
        }
    ],
    buttons: [   //标题操作区域
        // {
        //   name: "更多",
        //  buttonClass: 'danger',
        // width: 100,
        // click: (any: object) => {   //暴露的方法钩子
        // $baseMessage("这里执行业务", 'success', 'vab-hey-message-success');
        //},
        //},
        {
            name: "导出",
            buttonClass: "primary",
            width: 100,
            click: ({ row, handlers }) => {   //暴露的方法钩子
                AssistProofingsInfoApi.detailPageDataXls(handlers.getRequestParams(), handlers.getXlsTitle())
            }
        }

    ],
    tableModel: {
        descriptionTitle: "采购清单详情",
        border: true,
        pagination: true,
        inline: true,
        selectable: false,
        isFullscreen: false,
        showToolbar: false,
        minWidth: '200px',
        data: {    //table  初始化
        current: 1,
        size: 10,
        total: 100,
        data: []
        },
        requestData: { api: AssistProofingsInfoApi.getDetailPageData, query: { check_id: props.modelValue?.query.assistProofingsInfoId } },   //数据源 参数有效性： 'steady|transient'
        columns: [
        {
            label: "检查日期",
            field: "checkDate",
        },
        {
            label: "区域名称",
            field: "areaName",
            width: 180,
        },
        {
            label: "类型",
            field: "type",
            width: 180,
        },

        {
            label: "设备名称",
            field: "deviceName",
            width: 180,
        },
        {
            label: "设备数量",
            field: "deviceNum",
            width: 180,
        },

        {
            label: "设备状态",
            field: "deviceStatus",
            width: 180,
        },
        {
            label: "捕获虫害情况",
            field: "captureStatus",
            width: 180,
        },
        {
            label: "检查人",
            field: "operator",
            width: 180,
        },
        //    {
        //     label: "所属公司",
        //     field: "companyId",
        //     width:120,
        //       },
        // {
        //     label: "创建人",
        //     field: "creator",
        //     width: 180,
        // },
        // {
        //     label: "修改人",
        //     field: "reviser",
        //     width: 180,
        // },
        // {
        //     label: "创建时间",
        //     field: "create_time",
        //     width: 200,
        // },
        // {
        //     label: "更新时间",
        //     field: "update_time",
        //     width: 200,
        // },
        ],


        actions: [
        ]

    },

})

onMounted(async () => {
    //初始化数据model
    const { data } = await AssistProofingsInfoApi.getDetail({
        assistProofingsInfoId: props.modelValue.query.assistProofingsInfoId   //从路由中获取参数
    })
    baseTableInfoModel.value.modelData = data;





})
</script>

<style lang="scss" scoped>
.default-table-detail-container {
    :deep() {
        .el-form--inline {
            .el-form-item {
                margin-right: 10px;
            }
        }

        .el-descriptions__label {
            min-width: 80px !important;
            text-align: right;
        }
    }
}
</style>
